<template>
  <div class="head">
  	<ul class="conter_block">
  		<li><a href="#" title="">首页</a></li>
  		<li><a href="#">栏目二</a></li>
  		<li><a href="#">栏目三</a></li>
  		<li><a href="#">栏目四</a></li>
  	</ul>
  </div>
</template>
<style>
	.head{
		background-color: #e2e2e2;
		box-shadow: 0px 0px 5px 3px rgba(203, 203, 203, 0.7);
	}
	.head>ul{
		width: 1000px;
		margin: auto;
	}
	.head>ul>li{
		float: left;
		padding:10px 15px;
		cursor: pointer;
		transition: background-color 0.5s;
		
	}
	.head>ul>li:hover{
		background-color:#c5c5c5;
	}
</style>
